<template>

    <div class="gift">
        <div class="pro" v-for="(item,index) in giftArr" :key="index">
            <div class="pro_left">
                <img :src="item.url" alt="">
            </div>
            <div class="pro_right">
                <div class="pro_title">{{item.title}}</div>
                <div class="pro_num">× {{item.num}}</div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name:'gift',
    data(){
        return {
            giftArr:[
                {
                    num:"2",
                    title:"技术打法和的及时发货",
                    url:"http://www.pptbz.com/pptpic/UploadFiles_6909/201203/2012031220134655.jpg"
                },
                {
                    num:"1",
                    title:"sdfhdgfdj",
                    url:"http://www.pptbz.com/pptpic/UploadFiles_6909/201203/2012031220134655.jpg"
                }
            ]
        }
    },
    created(){},
    methods:{

    }
}
</script>
<style lang="scss" scoped>
    .gift {
        background-color: #fff;
        .pro {
            margin-top: 10px;
            background-color: #FAFAFA;
            height: 100px;
        }
        .pro_left {
            position: relative;
            float: left;
            width: 35vw;
            height: 100%;
            img {
                position: absolute;
                width: 80%;
                height: 80%;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);   
                -moz-transform: translate(-50%,-50%);      
                -ms-transform: translate(-50%,-50%);       
                -o-transform: translate(-50%,-50%);        
            }
        }
        .pro_right {
            float: left;
            width: 65vw;
            height: 100%;
            color: gray;
            padding-left: 10px;
            box-sizing: border-box;
            font-size: 12px;
            .pro_title {
                padding-top: 25px;
            }
            .pro_num {
                padding-top: 5px;
                color:#FF0066;
            }
        }
    }
</style>